<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>QQ音乐，因你美丽</title>
    <link rel="stylesheet" href="qq.css">
</head>

<body>
    <div class="navigation">
        <div class="box">
            <div class="zero">
                <span><img src="img/logo.png" title="LOGO" height="34px"></span>
                <a href="#">音乐馆</a>
                <a href="#">我的音乐</a>
                <a href="#">客户</a>
                <a href="../../index.html">品优购</a>
                <a href="../阳光科技/index.html">阳光科技</a>
                <a href="../oppo/OPPO页面.html">OPPO官网</a>
                <a href="../小米官网/mi.html">小米官网</a>
            </div>
            <div class="hhh">
                <a href="#">开通付费包</a>
                <a href="#">开通豪华绿钻</a>
                <a href="#" class="denglu">登录</a>
                <div class="border">
                    <input type="text" placeholder="中国新歌声第二季 " name="search for" size="12">
                    <a href="#"><img src="img/search.png" title="搜索" height="20px"></a>
                </div>
            </div>

        </div>
    </div>
    <div class="backgroundimg clearfix">
        <div class="top">
            <span>新歌首发</span>
            <div class="area">
                <a href="#">内陆</a>
                <a href="#">港台</a>
                <a href="#">欧美</a>
                <a href="#">韩国</a>
                <a href="#">日本</a>
                <a href="#" class="right">全部&gt;</a>
            </div>
            <div class="poster">
                <a href="#"><img src="img/1.jpg" title="我们的时光"><strong>我们的时光</strong>
                    <p>TFBOYS</p>
                </a>
                <a href="#" class="shen"><img src="img/2.jpg" title="异想"><strong>异想</strong><br>
                    <p>陈翔</p>
                </a>
                <a href="#"><img src="img/3.jpg" title="陪你听全世界"><strong>陪你听全世界</strong><br>
                    <p>丢火车乐队</p>
                </a>
                <a href="#" class="shen"><img src="img/4.jpg" title="中国新歌声第二季 第4期"><strong>中国新歌声第二季第4期</strong><br>
                    <p>中国新歌声</p>
                </a>
            </div>
        </div>
    </div>
    <div class="one clearfix w">
        <div class="top">
            <span>热门歌单</span>
            <div class="poster">
                <a href="#"><img src="img/300.jpg" title="权威：香港英皇旗下歌手全收录！"><strong>权威：香港英皇旗下歌手全收录！</strong>
                    <p>播放量：42.5万</p>
                </a>
                <a href="#" class="sb"><img src="img/301.jpg"
                        title="自创语言：历史老师听了也蒙圈的造语歌"><strong>自创语言：历史老师听了也蒙圈的造语歌</strong>
                    <p>播放量：11.0万</p>
                </a>
                <a href="#"><img src="img/302.jpg"
                        title="YouTube点击量TOP100的EDM电音视频"><strong>YouTube点击量TOP100的EDM电音视频</strong>
                    <p>播放量：35.4万</p>
                </a>
                <a href="#" class="sb"><img src="img/304.jpg" title="一个人在家吃泡面绝对会听哭的BGM"><strong>一个人在家吃泡面绝对会听哭的BGM
                    </strong>
                    <p>播放量：172.8万</p>
                </a>
            </div>
        </div>
    </div>
    <div class="two">
        <div class="mv w">
            <span>MV首播</span>
            <div class="area">
                <a href="#">全部</a>
                <a href="#">内地</a>
                <a href="#">港台</a>
                <a href="#">欧美</a>
                <a href="#">韩国</a>
                <a href="#">日本</a>
                <a href="#" class="right">全部&gt;</a>
            </div>
            <div class="poster">
                <a href="#"><img src="img/401.png" title="Summer Storm">
                    <div><strong>Summer
                            Storm</strong><br><span>韩语不知道啥意思</span><br><span>13.9万</span></div>
                </a>
                <a href="#"><img src="img/402.png" title="海胆">
                    <div><strong>海胆</strong><br>
                        <span>陈奕迅</span><br><span>10.3万</span>
                    </div>
                </a>
                <a href="#"><img src="img/403.png" title="我心翱翔">
                    <div><strong>我心翱翔
                        </strong><br><span>SNH48</span><br><span>1.8万</span></div>
                </a>
                <a href="#"><img src="img/404.png" title="你点的歌救了我 (影视版)(《噗通噗通我爱你》电视剧片头曲)">
                    <div><strong>你点的歌救了我
                            (影视版)(《噗通噗通我爱你》电视剧片头曲)
                        </strong><br><span>A-Lin</span><br><span>6272</span></div>
                </a>
            </div>
        </div>
    </div>
    <div class="bgc">
        <div class="bottom w">
            下载QQ音乐客户端
            <ul>
                <li><a href=""><img src=""><br>PC版</a></li>
                <li><a href=""><img src=""><br>Mac版</a></li>
                <li><a href=""><img src=""><br>Android</a></li>
                <li><a href=""><img src=""><br>iphone</a></li>
            </ul>
            特色产品
            <ul>
                <li><a href=""><img src=""><br>全民K歌</a></li>
                <li><a href=""><img src=""><br>Super Sound</a></li>
                <li><a href=""><img src=""><br>Qplay</a></li><br>
                <li><a href="">车载互联</a></li>
                <li><a href="">QQ演出</a></li>
            </ul>
            合作链接
            <ul>
                <li><a href="">CJE&M</a></li>
                <li><a href="">腾讯视频</a></li>
                <li><a href="">手机QQ空间</a></li><br>
                <li><a href="">最新版QQ</a></li>
                <li><a href="">腾讯社交广告</a></li>
                <li><a href="">电脑管家</a></li><br>
                <li><a href="">QQ浏览器</a></li>
                <li><a href="">画报</a></li>
                <li><a href="">黄钻活动</a></li><br>
                <li><a href="">星钻</a></li>
                <li><a href="">腾讯微云</a></li>
                <li><a href="">更多</a></li><br>
            </ul>
            开放平台
            <ul>
                <li><a href="">腾讯音乐人平台</a></li>
                <li><a href="">音乐号认证</a></li>
                <li><a href="">上传视频</a></li>
                <li><a href="">上传音频</a></li>

            </ul>
            <div class="b-navigation">
                <a href="">关于腾讯 |</a>
                <a href=""> About Tencent |</a>
                <a href=""> 服务条款 |</a>
                <a href=""> 用户服务协议 |</a>
                <a href=""> 隐私政策 |</a>
                <a href=""> 广告服务 |</a>
                <a href=""> 腾讯招聘 |</a>
                <a href=""> 客服中心 |</a>
                <a href=""> 网站导航</a>
            </div>
            <div>
                Copyright &copy; 1998 - 2017 Tencent. All Rights Reserved.
            </div>
            <div>
                腾讯公司 版权所有 腾讯网络文化经营许可证
            </div>
        </div>
    </div>
</body>

</html>